{% extends 'client/base.html' %}
{% block title %}
    {{ data_s.webapp.web_name }}_{{ data_s.webapp.web_all_key }}
{% endblock %}
{% block keywords %}
    {{ data_s.webapp.web_key }}
{% endblock %}
{% block description %}
    {{ data_s.webapp.web_description }}
{% endblock %}
{% block head_js %}
    <link href="{{ url_for('static',filename='css/index.css') }}" rel="stylesheet">
{% endblock %}
{% block content %}
    <div class="container">
        <div class="ad">
            <!-- 广告 -->此处为超级广告位，可同时插入无限个广告，可在后台，网站管理，广告管理中关闭。或插入图片、视频、链接、二维码。
        </div>
    </div>
    <div class="container top_rec">
        <div class="col-lg-8 indexleft syqsa boxqsa">
            <div class="indexpage">
                <div class="indexpagetop"><a>上一页</a><a>下一页</a>
                    <div class="indexpage_num"><span>今日更新</span><span class="up_num_val">{{ data_s.today }}</span>
                        <span>篇&nbsp;&nbsp;共收录 </span><span
                                class="up_num_val"> {{ data_s.index_doc|count }} </span><span>篇</span></div>
                </div>
                <div>
                    <ul class="page_content">
                        {% for data in data_s.index_doc %}
                            {% if loop.index<89 %}
                                <li class="col-sm-6">
                                    <span>{{ data.create_time.strftime("%m-%d") }}</span>
                                    <a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">{{ data.title[:18] }}</a>
                                </li>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>

        <!-- 推荐 -->
        <div class="col-lg-4 ovh syqsa boxqsa ">
            <div class="comment_title"><i class="fa fa-heart fa-lg"></i> <span>推荐内容</span></div>
            <div>
                <ul class="index_recommend">
                    {% for data in data_s.index_rec %}
                        <li>
                            <span>{{ data.create_time.strftime('%m-%d') }}</span>
                            <a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">{{ data.title[:22] }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="ad">
            <!-- 广告 --> 此处为超级广告位，可同时插入无限个广告，可在后台，网站管理，广告管理中关闭。或插入图片、视频、链接、二维码。
        </div>
    </div>

    <div class="container">
        <div class="column syqsa">
            <!-- 内容列表开始 -->
            {% for data in data_s.column %}
                <div class="col-lg-4 col-md-6  new_list  ">
                    <div class="new_list_title"><a href="{{ url_for('client_bp.article_list',uid=data.uuid) }}" class="qssyac2" style="{% if data.column_color|length>2 %} background-color: {{ data.column_color }}{% endif %}">{{ data.column_name }}</a></div>
                    <div class="newlist_content">
                        <ul>
                            {% for da in data.document_modle %}
                                <li><a href="{{ url_for('client_bp.article',uid=da.uuid) }}" title="{{ da.title }}">{{ da.title[:20] }}</a></li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            {% endfor %}
            <!-- 内容列表结束 -->

        </div>
    </div>


    <div class="container">
        <div class="rollimg ">
            <div class="title4">
                <i class="fa fa-ravelry fa-lg"></i> <span>滚动图片</span>
            </div>
            <div>
                <!-- 滚动图片 -->滚动图片
            </div>
        </div>
    </div>

    <div class="container hot">
        <div class="col-lg-4 index_hot syqsa">
            <div class="indexhot_title"><i class="fa fa-fire fa-lg"></i> <span>热门阅读</span></div>
            <ul class="indexhot_content">
                {% for data in data_s.index_host %}
                    <li>
                        <span class="{% if loop.index<4 %}bg_1{% else %}bg{% endif %} ">{{ loop.index }}</span>
                        <a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">{{ data.title[:20] }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>


        <div class="col-lg-8 syqsa index_hot_right">
            <div class="indexhot_title">
                <i class="fa fa-image fa-lg"></i> 图文阅读
            </div>
            <ul>
                {% for data in data_s.index_doc %}
                    {% if data.thumb_img %}
                        <li class="col-lg-3 col-md-3 col-sm-4 col-xs-6 ">
                            <a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">
                                <img src="{{ data.thumb_img }}" alt="{{ data.title }}" title="{{ data.title }}">
                            </a>
                            <p><a href="{{ url_for('client_bp.article',uid=data.uuid) }}" title="{{ data.title }}">{{ data.title }}</a></p>
                        </li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>

    <div class="container">
        <div class="ad">
            <!-- 广告 -->此处为超级广告位，可同时插入无限个广告，可在后台，网站管理，广告管理中关闭。或插入图片、视频、链接、二维码。
        </div>
    </div>

    <div class="container">
        <div class="blogroll syqsa ">
            <div class="indexhot_title"><i class="fa fa-handshake-o fa-lg"></i> 友情链接</div>
            <div class="linktext">
                <ul>
                    {% for data in data_s.blog_url %}
                        <li><a href="{{ data.link_url }}" title="{{ data.link_name }}"
                               style="{% if data.isbold==2 %}font-weight: bold;{% endif %}
                                       color:{% if data.color!='#292929' %}{{ data.color }}
                               {% endif %};">{{ data.link_name }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
{% endblock %}